/*
 * @Title: 景区神器-呼叫
 * @Created by: ycq
 */
<template>
	<view class="call">
		<view class="call-label">游客中心</view>
		<view class="call-label call-num">400-8820882</view>
		<view class="call-btn-crew">
			<view class="call-btn-call">呼叫</view>
			<view class="call-btn-close" @click="close">取消</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			
		},
		data(){
			return{
				
			}
		},
		methods: {
			close() {
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.toCall('close');
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.toCall('close');
				//#endif
			}
		},
	}
</script>

<style scoped>
	.call{
		width: 508upx;
		height: 214upx;
		background: #FFFFFF;
		position: fixed;
		left:121upx;
		right:121upx;
		top:562upx;
	}
	.call-label{
		width: 508upx;
		font-size: 30upx;
		text-align: center;
		height: 40upx;
		line-height: 40upx;
		margin-top: 20upx;
	}
	.call-num{
		margin-top: 10upx;
	}
	.call-btn-crew{
		width: 750upx;
		height: 75upx;
		position: absolute;
		bottom: 0;
		text-align: center;
		font-size: 28upx;
	}
	.call-btn-call{
		width: 254upx;
		height: 75upx;
		background: -webkit-linear-gradient(left, #54B1FF,#5873FF);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #54B1FF,#5873FF);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #54B1FF,#5873FF);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #54B1FF,#5873FF);
		/* 标准的语法 */
		color: #FFFFFF;
		line-height: 75upx;
		float: left;
	}
	.call-btn-close{
		width: 250upx;
		height: 71upx;
		border: #7EBDF4 solid 1px;
		background: #FFFFFF;
		color: #7EBDF4;
		line-height: 75upx;
		float: left;
	}
</style>
